<!DOCTYPE html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="stylesheet" href="./css/font-awesome.css">
  <link rel="stylesheet" href="./lib/layui/css/layui.css">
  <link rel="stylesheet" href="./css/xadmin.css">
  <link rel="stylesheet" href="./css/cate.css">

</head>

<body class="art_cate_body">
  <div class="layui-card">
    <!-- 公共头部 -->
    <div class="layui-fluid">
      <!-- seth -->
      <div class="layui-panel">
        <!-- 头部 -->
        <form class="layui-form search" action="">
          <div class="layui-form-item">
            <label class="layui-form-label">标题</label>
            <div class="layui-input-block">
              <input type="text" name="title" placeholder="请输入标题" autocomplete="off" class="layui-input">
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">分类</label>
            <div class="layui-input-block">
              <select name="cateid">
                <option value="">请选择</option>
              </select>
            </div>
          </div>

          <div class="layui-form-item date">
            <div class="layui-inline">
              <label class="layui-form-label">时间</label>
              <div class="layui-inline" id="test-range">
                <div class="layui-input-inline">
                  <input type="text" id="startDate" name="startDate" class="layui-input" placeholder="开始日期">
                </div>
                <div class="layui-form-mid">至</div>
                <div class="layui-input-inline">
                  <input type="text" id="endDate" name="endDate" class="layui-input" placeholder="结束日期">
                </div>
              </div>
            </div>
          </div>

          <div class="layui-form-item">
            <div class="layui-input-block btns">
              <button class="layui-btn submit" lay-submit lay-filter="formDemo">
                <i class="layui-icon layui-icon-search"></i>
                搜索
              </button>
              <button type="reset" id="reset" class="layui-btn layui-btn-primary">
                <i class="layui-icon layui-icon-refresh"></i>
                重置
              </button>
            </div>
          </div>
        </form>

        <div class=" list">
          <div class="left">
            <button class="add" id="btnAddCate">
              <i class="layui-icon  layui-icon-add-1"></i>
              新增
            </button>
            <button class="exprot">
              <i class="layui-icon  layui-icon-print"></i>
              导出
            </button>
          </div>
          <ul class="right">
            <li id="close">
              <i class="layui-icon layui-icon-up"></i>
            </li>
            <li style="display: none;" id="open">
              <i class="layui-icon layui-icon-down"></i>
            </li>
            <li id="TT">
              <i class="layui-icon layui-icon-refresh"></i>
            </li>
            <li id="filter">
              <i class="layui-icon layui-icon-app"></i>

            </li>
          </ul>
          <!-- 点击小图标出现的框架 -->
          <dl style="display: none;" class="dl2">
            <dt>
              <i class="layui-icon layui-icon-component"></i>
              <label>
                <input type="checkbox" class="checkall">
                <span>广告图位</span>
              </label>
            </dt>
            <dt>
              <i class="layui-icon layui-icon-component"></i>
              <label>
                <input type="checkbox" class="checkall1">
                <span>广告图描述</span>
              </label>
            </dt>
            <dt>
              <i class="layui-icon layui-icon-component"></i>
              <label>
                <input type="checkbox" class="checkall2">
                <span>广告图</span>
              </label>
            </dt>
            <dt>
              <i class="layui-icon layui-icon-component"></i>
              <label>
                <input type="checkbox" class="checkall3">
                <span>广告图链接</span>
              </label>
            </dt>
          </dl>
        </div>
      </div>
    </div>

    
    <!-- ============== -->


    <div class="layui-card-body">
      <!-- 备用： 添加弹出层的表单内容结构 -->
      <form style="display: none;" id="addForm" class="layui-form">
        <!-- 第一行 分类名称 -->
        <div class="layui-form-item">
          <label class="layui-form-label">分类名称</label>
          <div class="layui-input-block">
            <input type="text" name="tagname" required lay-verify="required" placeholder="请输入标题" autocomplete="off"
              class="layui-input">
          </div>
        </div>
        
        <div class="layui-form-item">
          <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="formDemo">确认添加</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
          </div>
        </div>
      </form>

      <!-- 备用： 编辑弹出层的表单内容结构 -->
      <form style="display: none;" id="editForm" class="layui-form">
        <!-- 第一行 分类名称 -->
        <div class="layui-form-item">
          <label class="layui-form-label">分类名称</label>
          <div class="layui-input-block">
            <input type="text" name="name" required lay-verify="required" placeholder="请输入标题" autocomplete="off"
              class="layui-input">
          </div>
        </div>
        
        <div class="layui-form-item">
          <div class="layui-input-block">
            <button class="layui-btn" lay-submit lay-filter="formDemo">确认修改</button>
          </div>
        </div>
      </form>

      <!-- 表格区域 -->
      <table class="layui-table">
        <colgroup>
          <col width="25%">
          <col width="25%">
          <col width="25%">
          <col>
        </colgroup>
        <thead>
          <tr>
            <th>#</th>
            <th>ID</th>
            <th>标签名称</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody id="tbody">
          <tr>
            <td>keji</td>
            <td>keji</td>
            <td>keji</td>
            <td>
              <button type="button" class="layui-btn layui-btn-xs btn_edit">编辑</button>
              <button type="button" class="layui-btn layui-btn-xs layui-btn-danger btn_delete">删除</button>
            </td>
          </tr>
        </tbody>
      </table>

      <!-- 分页区域 -->
      <div id="demo7"></div>
    </div>
  </div>

  <script src="./lib/layui/layui.all.js" charset="utf-8"></script>
  <script src="./lib/layui/lay/modules/laydate.js"></script>
  <script type="text/javascript" src="./js/xadmin.js"></script>
  <script src="./js/axios.min.js"></script>
  <script src="./js/ajaxBase.js"></script>
  <script src="./js/jquery.min.js"></script>
  <script src="./js/tags.js"></script>
</body>

</html>